<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">

    <title>后台管理／用户管理</title>
    <link rel="icon" href="../images/CombinedShape.png"/>
    <link href="../css/style.css" rel="stylesheet">
    <link href="../css/style-responsive.css" rel="stylesheet">

    <!--responsive table-->
    <link href="../css/table-responsive.css" rel="stylesheet" />

    <link rel="stylesheet" href="../css/comment.css">
    <link rel="stylesheet" href="management.css">


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../js/html5shiv.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加用户</h4>
            </div>
            <div class="modal-body">
                <div class="descriptionList">
                    <p>您可以将用户添加到您的帐户。</p>
                    <ul>
                        <li>用户将收到一封电子邮件以激活（对于新用户）或接受（对于现有用户）。</li>
                        <li>Corp用户类型仅在启用会议连接器时可用。</li>
                        <li>用户在激活或接受之前列在“待定”（Pending）选项卡中。</li>
                    </ul>
                </div>
                <form class="form-horizontal" role="form">
                    <div>
                        <div class="form-group">
                            <label class="col-lg-3 col-sm-3 control-label">用户类型：</label>
                            <div class="col-lg-9">
                                <div class="row radioBox">
                                    <div class="col-lg-3">
                                        <input type="radio" name="optionsRadios" value="option2" class="checked">基本
                                    </div>
                                    <div class="col-lg-3">
                                        <input type="radio" name="optionsRadios" value="option2" class="checked">临时
                                    </div>
                                    <div class="col-lg-3">
                                        <input type="radio" name="optionsRadios" value="option2" class="checked">公司
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail1" class="col-lg-3 col-sm-3 control-label">部门：</label>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" id="inputEmail1" value="苏泽云" placeholder="输入部门">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 col-sm-3 control-label">用户组：</label>
                            <div class="col-lg-9">
                                <select class="form-control m-bot15">
                                    <option>- 无组 -</option>
                                    <option>- 无组 -</option>
                                    <option>- 无组 -</option>
                                    <option>- 无组 -</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 col-sm-3 control-label">电子邮件：</label>
                            <div class="col-lg-9">
                                <textarea class="form-control" id="" cols="30" rows="5" placeholder="Email"></textarea>
                                <p>使用逗号分隔多个电子邮件地址。</p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="button blueLink" data-dismiss="modal">添加</button>
                <button type="button" class="buttonLine2 grayLineLink" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<body class="boxed-view">

<div class="container-fluid headerBox" id="headerBox">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="logo">
                <a href="#"><img src="../images/logo.png" srcset="../images/logo.png 1x, ../images/logo@2x.png 2x, ../images/logo@3x.png 3x" alt="环球同桌" class="img-responsive" /></a>
                <span></span>
            </div>
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" id="upNav">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse collapseContent" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right navDropdown">
                        <li><a class="navLink">产品概览</a></li>
                        <li><a class="navLink">购买攻略</a></li>
                        <li><a class="navLink">联系销售</a></li>
                        <li><a class="navLink">支持&下载</a></li>
                        <li><a class="navLink" href="https://m.1table.cn">加入会议</a></li>
                        <li><a class="navLink">登录</a></li>
                        <li><a class="loading navLink">免费试用30天</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</div>
<section>
    <div class="container">
        <!-- left side start-->
        <div class="left-side">
            <div class="left-side-inner">
                <!--sidebar nav start-->
                <ul class="nav nav-pills nav-stacked custom-nav">
                    <li><a href="../index.html"><i class="fa fa-user"></i> <span>我的信息</span></a></li>
                    <li><a href="../myMeetingSetup/myMeetingSetup.html"><i class="fa fa-gear"></i> <span>我的会议设置</span></a></li>
                    <li><a href="../myMeeting/myMeeting.html"><i class="fa fa-comments"></i> <span>我的会议</span></a></li>
                    <li><a href="../myRecordings/myRecordings.html"><i class="fa fa-video-camera"></i> <span>我的录制</span></a></li>
                    <li class="menu-list nav-active">
                        <a href="javascript:void(0)"><i class="fa fa-users"></i> <span>用户管理</span></a>
                        <ul class="sub-menu-list">
                            <li class="active"><a href="../management/userManagement.html"> 用户管理</a></li>
                            <li><a href="../management/groupManagement.html"> 集团管理</a></li>
                            <li><a href="../management/roleManagement.html"> 角色管理</a></li>
                        </ul>
                    </li>
                    <li class="menu-list">
                        <a href="javascript:void(0)"><i class="fa fa-book"></i> <span>账户管理</span></a>
                        <ul class="sub-menu-list">
                            <li><a href="../accountManagement/accountInformation.html"> 账户资料</a></li>
                            <li><a href="../accountManagement/accountSetup.html"> 账户设定</a></li>
                            <li><a href="../accountManagement/invoice.html"> 发票</a></li>
                            <li><a href="../accountManagement/recordingManagement.html"> 录音管理</a></li>
                            <li><a href="../accountManagement/report.html"> 报告</a></li>
                        </ul>
                    </li>
                </ul>
                <!--sidebar nav end-->
            </div>
        </div>
        <!-- left side end-->

        <!-- main content start-->
        <div class="main-content" >
            <!--body wrapper start-->
            <div class="wrapper">
                <section class="panel">
                    <header class="panel-heading custom-tab ">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#home" data-toggle="tab">用户管理</a>
                            </li>
                            <li class="">
                                <a href="#about" data-toggle="tab">用户概览</a>
                            </li>
                        </ul>
                    </header>
                    <div class="panel-body borderLine">
                        <div class="tab-content">
                            <div class="tab-pane active" id="home">
                                <div class="findUser">
                                    <div class="phoneBox2">
                                        <div class="inputWidth">
                                            <input class="form-control" type="text">
                                        </div>
                                        <div class="findBtn">
                                            <button class="grayLineLink buttonLine2">查找</button>
                                        </div>
                                    </div>
                                    <div class="addUser phoneBox2">
                                        <a href="" class="blueLink" data-toggle="modal" data-target="#myModal">添加用户</a>
                                    </div>
                                </div>
                                <div class="import">
                                    <a href="">导出</a>
                                    <a href="">导入</a>
                                    <a href="">设置管理员</a>
                                </div>
                                <section id="unseen">
                                    <section id="no-more-tables">
                                        <table class="table table-bordered table-striped table-condensed cf tableBox">
                                            <thead class="cf">
                                            <tr class="row">
                                                <th class="col-md-1"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></th>
                                                <th class="col-md-2">Email/名称ID</th>
                                                <th class="numeric col-md-1">姓名</th>
                                                <th class="numeric col-md-1">角色</th>
                                                <th class="numeric col-md-1">类型</th>
                                                <th class="numeric col-md-1">部门</th>
                                                <th class="numeric col-md-1">组</th>
                                                <th class="numeric col-md-2">客户端版本</th>
                                                <th class="numeric col-md-1">创建日期</th>
                                                <th class="numeric col-md-1">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="row">
                                                <td class="col-md-1" data-title="全选"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></td>
                                                <td class="col-md-2" data-title="Email/名称ID"><div class="idEmail"><a href="">gay_bosco@yahoo.com</a></div></td>
                                                <td class="numeric col-md-1" data-title="姓名">李紫燕</td>
                                                <td class="numeric col-md-1" data-title="角色">所有者</td>
                                                <td class="numeric col-md-1" data-title="类型">专业网络</td>
                                                <td class="numeric col-md-1" data-title="部门">信息部</td>
                                                <td class="numeric col-md-1" data-title="组">设计组</td>
                                                <td class="numeric col-md-2" data-title="客户端版本">8月31日16:13  4.0.29656.0413（mac）</td>
                                                <td class="numeric col-md-1" data-title="创建日期">2016年8月3日</td>
                                                <td class="numeric col-md-1" data-title="操作">
                                                    <a class="edit">编辑</a><br>
                                                    <a class="delete">删除</a>
                                                </td>
                                            </tr>
                                            <tr class="row">
                                                <td class="col-md-1" data-title="全选"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></td>
                                                <td class="col-md-2" data-title="Email/名称ID"><div class="idEmail"><a href="">gay_bosco@yahoo.com</a></div></td>
                                                <td class="numeric col-md-1" data-title="姓名">李紫燕</td>
                                                <td class="numeric col-md-1" data-title="角色">所有者</td>
                                                <td class="numeric col-md-1" data-title="类型">专业网络</td>
                                                <td class="numeric col-md-1" data-title="部门">信息部</td>
                                                <td class="numeric col-md-1" data-title="组">设计组</td>
                                                <td class="numeric col-md-2" data-title="客户端版本">8月31日16:13  4.0.29656.0413（mac）</td>
                                                <td class="numeric col-md-1" data-title="创建日期">2016年8月3日</td>
                                                <td class="numeric col-md-1" data-title="操作">
                                                    <a class="edit">编辑</a><br>
                                                    <a class="delete">删除</a>
                                                </td>
                                            </tr>
                                            <tr class="row">
                                                <td class="col-md-1" data-title="全选"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></td>
                                                <td class="col-md-2" data-title="Email/名称ID"><div class="idEmail"><a href="">gay_bosco@yahoo.com</a></div></td>
                                                <td class="numeric col-md-1" data-title="姓名">李紫燕</td>
                                                <td class="numeric col-md-1" data-title="角色">所有者</td>
                                                <td class="numeric col-md-1" data-title="类型">专业网络</td>
                                                <td class="numeric col-md-1" data-title="部门">信息部</td>
                                                <td class="numeric col-md-1" data-title="组">设计组</td>
                                                <td class="numeric col-md-2" data-title="客户端版本">8月31日16:13  4.0.29656.0413（mac）</td>
                                                <td class="numeric col-md-1" data-title="创建日期">2016年8月3日</td>
                                                <td class="numeric col-md-1" data-title="操作">
                                                    <a class="edit">编辑</a><br>
                                                    <a class="delete">删除</a>
                                                </td>
                                            </tr>
                                            <tr class="row">
                                                <td class="col-md-1" data-title="全选"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></td>
                                                <td class="col-md-2" data-title="Email/名称ID"><div class="idEmail"><a href="">gay_bosco@yahoo.com</a></div></td>
                                                <td class="numeric col-md-1" data-title="姓名">李紫燕</td>
                                                <td class="numeric col-md-1" data-title="角色">所有者</td>
                                                <td class="numeric col-md-1" data-title="类型">专业网络</td>
                                                <td class="numeric col-md-1" data-title="部门">信息部</td>
                                                <td class="numeric col-md-1" data-title="组">设计组</td>
                                                <td class="numeric col-md-2" data-title="客户端版本">8月31日16:13  4.0.29656.0413（mac）</td>
                                                <td class="numeric col-md-1" data-title="创建日期">2016年8月3日</td>
                                                <td class="numeric col-md-1" data-title="操作">
                                                    <a class="edit">编辑</a><br>
                                                    <a class="delete">删除</a>
                                                </td>
                                            </tr>
                                            <tr class="row">
                                                <td class="col-md-1" data-title="全选"><div class="checkedBox"><input type="checkbox"class="checkbox"></div></td>
                                                <td class="col-md-2" data-title="Email/名称ID"><div class="idEmail"><a href="">gay_bosco@yahoo.com</a></div></td>
                                                <td class="numeric col-md-1" data-title="姓名">李紫燕</td>
                                                <td class="numeric col-md-1" data-title="角色">所有者</td>
                                                <td class="numeric col-md-1" data-title="类型">专业网络</td>
                                                <td class="numeric col-md-1" data-title="部门">信息部</td>
                                                <td class="numeric col-md-1" data-title="组">设计组</td>
                                                <td class="numeric col-md-2" data-title="客户端版本">8月31日16:13  4.0.29656.0413（mac）</td>
                                                <td class="numeric col-md-1" data-title="创建日期">2016年8月3日</td>
                                                <td class="numeric col-md-1" data-title="操作">
                                                    <a class="edit">编辑</a><br>
                                                    <a class="delete">删除</a>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </section>
                                <div class="page_bar">
                                    <div class="page">
                                        <div class="last_page_btn"><div class="left_arrow"></div><span>上一页</span></div>
                                        <div class="digit_btn">
                                            <ul>
                                                <li>1</li>
                                                <li class="active">2</li>
                                                <li>3</li>
                                                <li>4</li>
                                                <li>5</li>
                                            </ul>
                                            <span>...</span>
                                        </div>
                                        <div class="next_page_btn">
                                            <span>下一页</span>
                                            <div class="right_arrow"></div>
                                        </div>
                                        <div class="total_pages">共100页,到第
                                            <input type="text" value="1">
                                            <span>页</span>
                                        </div>
                                        <button class="submit">确定</button>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="about">
                                <h1>用户总数：14</h1>
                                <ul class="userNum">
                                    <li>基本用户：15</li>
                                    <li>专业用户：1</li>
                                    <li>公司用户：0</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!--body wrapper end-->

        </div>
        <!-- main content end-->
    </div>
</section>

<div class="container-fluid footer">
    <div class="container">
        <div class="footerLeft">
            <div class="footListTitle"><img src="../images/logo.png" srcset="../images/logo.png 1x,../images/logo@2x.png 2x,../images/logo@3x.png 3x"/></div>
            <div class="addressMessage">
                <p class="aboutUsLink">
                    <span><a>关于我们</a></span>
                    <span><a>支持&下载</a></span>
                </p>
                <p>地址：广东省广州市天河区林和中路136号天誉花园二期</p>
                <p>邮箱：support@1table.cn , kefu@1table.cn</p>
            </div>
            <div class="address">Copyright ©2017 1table, Inc. All rights reserved.  <a href="http://www.miitbeian.gov.cn">粤ICP备15048635号</a></div>
        </div>
        <div class="footerRight">
            <img src="../images/QRcode.jpg" srcset="../images/QRcode.jpg 1x,../images/QRcode@2x.jpg 2x"/>
        </div>
    </div>
</div>
<!-- Placed js at the end of the document so the pages load faster -->
<script src="../js/jquery-1.10.2.min.js"></script>
<script src="../js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="../js/jquery-migrate-1.2.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/modernizr.min.js"></script>

<!--common scripts for all pages-->
<script src="../js/scripts.js"></script>

</body>
</html>
